<template>
    <view class="content">
        <view class="top"></view>
        <view class="box">
            <uni-list class="content-one commons" :border="false">
                <uni-list-item title="个人信息" link @click="goDump('/pages/my/userInfo')" ></uni-list-item>                
            </uni-list>
            <uni-list class="content-one commons" :border="false">
                <uni-list-item title="我的地址" link @click="goDump('/pages/address/address')" ></uni-list-item>
            </uni-list>
        </view>
        
        <view class="box">
            <uni-list class="content-two commons" :border="false">
                <uni-list-item title="字体大小" :border="false"  link ></uni-list-item>
                <uni-list-item title="清除缓存" :border="false" rightText="143.02MB" link></uni-list-item>
                <uni-list-item title="推送通知" :border="false"  :extra-icon="extraIcon" :show-switch="true"  @switchChange="switchChange" ></uni-list-item>
            </uni-list>
        </view>
        
        <view class="box">
            <uni-list class="content-three commons" :border="false">
                <uni-list-item title="检查版本"  rightText="1.31.1"></uni-list-item>
                <uni-list-item title="关于我们" :border="false" link ></uni-list-item>
            </uni-list>
        </view>
        <view>
            <uni-list class="content-three" :border="false">
                <uni-list-item style="text-align: center;" title="退出登录"></uni-list-item>
            </uni-list>
        </view>

    </view>
</template>

<script>
    export default {
    	components: {},
    	data() {
    		return {
    			extraIcon: {
    				color: 'red',
    				size: '22',
    				type: 'gear-filled'
    			}
    		};
    	},
    	methods: {
            goDump(url) {
                uni.navigateTo({
                    url: url,
                });
            }
    	}
    };
</script>

<style>
.content {
    width: 750upx;
    height: 95vh;
    background-color: #F8F8F8;
}
.top {
    width: 750upx;
    height:1upx;
}
.box {
    width: 750upx;
    background-color: #fff;
}
.commons {
    width: 710upx;
    margin:0 auto;
}
.content-one {
    margin-top:20upx;
    /* margin-bottom: 20upx; */
}
.content-two {
    margin-top:20upx;
}
.content-three {
    margin-top:20upx;
}


</style>
